.editContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    background-color: #f0f2f5;
}
.contentHeader {
    background-color: #fff;
    height: 50px;
}

.contentWrapper {
    flex: auto;
    padding: 12px 0;
    box-sizing: border-box;
    
}

.content {
    margin: 0 24px;
    display: flex;
    justify-content: space-between;
    height: 100%;

    .left {
        flex: 1;
        background-color: #fdecec;
        padding: 0 12px;
        margin-right: 20px;
        max-height:650px;
        overflow: auto; 

        &::-webkit-scrollbar{
            width:10px;
            height: 10px;
        }

        &::-webkit-scrollbar-thumb{
            border-radius:10px;
            background-color: #cadbdd;
        }

        &::-webkit-scrollbar-track{
            border-radius:10px;
            background-color: #eee;
        }
        
    }

    .main {
        flex: 2;
        /* position: relative; */
        /* 外层禁止滚动 */
        overflow: hidden; 
        display: flex;
        justify-content: center;
        align-items: center;
        .canvasWrapper {
            
            background-color: #fff;
            height: 600px;
            width: 400px;
            overflow: auto;
            box-shadow: 0 2px 10px #0000001f;

            &::-webkit-scrollbar{
                width:10px;
                height: 10px;
            }

            &::-webkit-scrollbar-thumb{
                border-radius:10px;
                background-color: #cadbdd;
            }

            &::-webkit-scrollbar-track{
                border-radius:10px;
                background-color: #eee;
            }
        }
    }



    .right {
        flex: 1;
        background-color: #fff;
        padding: 0 12px;
    }
}